diff options
Diffstat (limited to 'src/app/manga/[title]/[id]')
| -rw-r--r-- | src/app/manga/[title]/[id]/[read]/read.module.css | 4 | ||||
| -rw-r--r-- | src/app/manga/[title]/[id]/buttons.jsx | 5 | ||||
| -rw-r--r-- | src/app/manga/[title]/[id]/info.module.css | 23 |
3 files changed, 22 insertions, 10 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css index d2adf5c..2c7f964 100644 --- a/src/app/manga/[title]/[id]/[read]/read.module.css +++ b/src/app/manga/[title]/[id]/[read]/read.module.css @@ -1,5 +1,5 @@ .Main {
- margin: 80px auto;
+ margin: 65px auto;
}
.Image {
@@ -58,4 +58,4 @@ .Image {
width: 100%;
}
-}
\ No newline at end of file +}
diff --git a/src/app/manga/[title]/[id]/buttons.jsx b/src/app/manga/[title]/[id]/buttons.jsx index a6c8d75..6c419bf 100644 --- a/src/app/manga/[title]/[id]/buttons.jsx +++ b/src/app/manga/[title]/[id]/buttons.jsx @@ -5,6 +5,7 @@ import Link from "next/link"; import { storeLocal } from "../../history/storeData";
export default function Buttons({ content: data }) {
+ let hasValidLinks = false;
function store_to_local(title, chapter, volume, image, id, id2) {
let data = {
title: title,
@@ -22,6 +23,7 @@ export default function Buttons({ content: data }) { {data.chapters &&
data.chapters.map((item, index) => {
if (item.pages !== 0) {
+ hasValidLinks = true;
return (
<Link
key={index}
@@ -49,6 +51,9 @@ export default function Buttons({ content: data }) { );
}
})}
+ {!hasValidLinks && (
+ <p className={styles.linksNotFound}>Links not found</p>
+ )}
</div>
);
}
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css index bc22f49..1df4583 100644 --- a/src/app/manga/[title]/[id]/info.module.css +++ b/src/app/manga/[title]/[id]/info.module.css @@ -1,5 +1,5 @@ .MangaInfoContainer {
- margin: 68px auto;
+ margin: 60px auto;
}
.MangaHero {
@@ -15,7 +15,6 @@ padding: 5px;
background-color: #2c2c2c9c;
backdrop-filter: blur(5px);
-
}
.TitleContainer p {
@@ -114,7 +113,7 @@ }
.Character::-webkit-scrollbar-thumb {
- background-color: #31363F;
+ background-color: #31363f;
border-radius: 5px;
}
@@ -167,7 +166,7 @@ }
.ChapterContainer::-webkit-scrollbar-thumb {
- background-color: #31363F;
+ background-color: #31363f;
border-radius: 5px;
}
@@ -193,7 +192,7 @@ .ChapterContainer button:hover {
background-color: #1f1f1f;
- transition: background-color 50ms ease-in
+ transition: background-color 50ms ease-in;
}
.ChapterContainer button:focus {
@@ -203,6 +202,16 @@ transform: scale(0.9);
}
+.linksNotFound {
+ font-family: "Atkinson Hyperlegible", serif;
+ color: white;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 85%;
+}
+
@media screen and (max-width: 768px) {
.MangaInfoContainer {
max-width: 100%;
@@ -214,11 +223,9 @@ .ChapterContainer button {
width: 120px;
-
}
.ChapterContainer button p {
font-size: 14px;
}
-
-}
\ No newline at end of file +}
|